<template>
  <dv-full-screen-container style="background-color: #000551">
    <dv-border-box-11 title="文件服务数据看板" :style="{'height':divheight+'px'}">
      <div class="foldercount">
        <board-count style="margin-top: 60px;padding: 30px;"/>
      </div>
      <div class="folderline">
        <board-line style="padding: 30px;"/>
      </div>
    </dv-border-box-11>
  </dv-full-screen-container>
</template>

<script>
// 这里可以导入其他文件（比如：组件，工具 js，第三方插件 js，json 文件，图片文件等等）
// 例如：import  《组件名称》  from '《组件路径》 ';

import {onMounted, reactive, ref} from "vue";
import {GetData} from "@/hooks/useData";
import BoardCount from "@/pages/Board/components/BoardCount.vue";
import BoardLine from "@/pages/Board/components/BoardLine.vue";

export default {
  name: "board",
  components: {BoardLine, BoardCount},
  setup() {
    // 当前年月日
    let timenow = ref("未获取到时间")
    let divheight = window.innerHeight;

    onMounted(()=>{
      timenow.value = GetData()
    })
    return{
      timenow,
      divheight
    }
  },
}
</script>

<style scoped>
.top {
  background-repeat: no-repeat;
  width: 100%;
  height: 100px;
  background-size: 100%;
  text-align: center;
  margin-bottom: 10px;
}
.topfont{
  font-size: 30px;
  line-height: 80px;
  background: linear-gradient(to bottom, #2881f7, #85d7ef);
  -webkit-background-clip: text;
  color: transparent;
}
.iconlogo{
  text-align: center;
  background: linear-gradient(to bottom, #2881f7, #85d7ef);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: bolder;
  line-height: 50px;
}
.foldercount{
  padding: 10px;
}
.folderline{
  padding: 10px;
}
</style>